<template>
  <view class="jfly">
    <view class="t_box">
      <view v-if="true">
        <view class="flex justify-around align-start">
          <u-grid-item class="jg-item">
            <image style="" src="/static/jifen/jifen_icon_qiandao@2x.png" mode="widthFix" />
            <text class="top-txt">签到</text>
          </u-grid-item>
          <navigator url="/pages/" open-type="navigate" hover-class="navigator-hover">
            <image src="http://img.help10000.com/Upload/963086/202004/637215092799814117.jpg" mode="widthFix"
              style="width: 300rpx;" />
          </navigator>
          <u-grid-item class="jg-item">
            <image style="" src="/static/jifen/jifen_icon_share@2x.png" mode="widthFix" />
            <text class="top-txt">分享</text>
          </u-grid-item>
        </view>
        <view class="flex justify-around align-center mt-7">
          <u-grid-item class="jg-item">
            <text>1</text>
            <text class="mt-1 b-txt">关注</text>
          </u-grid-item>
          <u-grid-item class="jg-item">
            <text>0</text>
            <text class="mt-1 b-txt">累计</text>
          </u-grid-item>
          <u-grid-item class="jg-item">
            <text>999</text>
            <text class="mt-1 b-txt">可提现</text>
          </u-grid-item>

        </view>

      </view>
      <view v-else class="flex justify-center align-end" style="height: 90%;">
        <view style="width:160px">
          <u-button v-if="false" @click="() => ({})" color="#ffc836" text="登录" size="large"></u-button>
          <u-button v-if="false" @click="() => ({})" color="#ffc836" text="成为推广员" size="large"></u-button>

        </view>
      </view>
    </view>
    <view class="m-2 cell-wrap">
      <u-cell-group>
        <u-cell icon="/static/jifen/jifen_icon_mingxi@2x.png" title="积分明细" isLink url="/pages/my/address/address"></u-cell>
        <u-cell icon="/static/icon_6.png" title="推广活动" isLink url="/pages/my/feelback/feelback"></u-cell>
        <u-cell icon="/static/jifen_icon_huiyuan@2x.png" title="我的会员" isLink url="/pages/my/feelback/feelback"></u-cell>

      </u-cell-group>
      
    </view>
    <view bindtap="onPosterTab" class="toIndex" v-if="true">
      <image mode="widthFix" style="width:52rpx" src="/static/generate.png"></image>
    </view>
  </view>
</template>

<script src="./jfly.js"></script>
<style scoped lang="scss">
.t_box {
  width: 100%;
  height: 520rpx;
  background: #004098;
  padding-top: 60rpx;
}

.jg-item {
  color: #fff;

  image {
    width: 50rpx
  }

  .top-txt {
    font-size: 28rpx;
    margin-top: 5rpx;
  }

  .b-txt {
    font-size: 30rpx;
    color: #f0c03c;
  }
}

.toIndex {
  background: rgba(255, 255, 255, 0.9);
  z-index: 111;
  width: 96rpx;
  height: 96rpx;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0rpx 0rpx 22rpx 0rpx rgba(184, 38, 38, 0.1);
  position: fixed;
  right: 20rpx;
  top: 280rpx;
}

.cell-wrap {
  background-color: #fff;
  border-radius: $s-border-radius;
  box-shadow: $s-bg-shadow;
}
</style>

<style lang="scss">
.t_box .u-button--large {
  color: #004098 !important;

}
</style>
